<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>《系统工程》精品资源共享课——教学课件</title>
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../css/common.css">
	<style type="text/css">
		main{
			
			width:90%;
			margin:0 auto;
			margin-bottom: 100px;
		}
		#catalog{
			margin:10px;
			background-color: white;
			border-radius: 8px;
			min-width:200px;
			padding:  0;
		}
		#catalog>ul>li{
			padding:25px 0px 20px 0px;
			cursor: pointer;
			font-size:16px;
			border-radius: 4px;
			margin:0;
		}
		#catalog ul li a:hover{
			background-color:#504D4D;
			width: 100%;
			color:white;
		}
		#catalog .dropdown-menu{
			position:relative;
			width:100%;
			top:20px;
			display: none;
		}
		#catalog li{
			width:100%;
			text-align: center;
		}
		#catalog .dropdown-menu li a:nth-child(1){
			width:100%;
			margin-top: -5px;
			padding: 10px;
		}
		.li-click{
			background-color:#2C2B2B;
			color:white;
		}
		#ppt{
			border-radius: 8px;
			background-color: white;
			padding:30px;
			margin:10px;
			width:700px;
		}
		#ppt a{
			display: inline-block;
			padding-top:20px;
		}
	</style>
</head>
<body>
	<div id="top">
		<img src="../image/huanonglogo.png" class="logo">
		<ul>
			<li><a href="userInformation.html">个人信息</a></li>
			<li><span id="user"></span></li>
			<li class="logout hidden"><a href="login.html">退出</a></li>
			<li id="login" class="login"><a href="html/login.html"><img src="../image/user.png"><span>登录</span></a></li>
		</ul>
	</div>
	<nav>
		<ul class="rows">
			<li class="col-md-2"><a href="../index.html">首页</a></li>
			<li class="dropdown col-md-2">
				<a href="#"  data-toggle="dropdown" class="dropdown-toggle">课程概要<span class="glyphicon glyphicon-chevron-down"></span></a>
				<ul class="dropdown-menu">
					<li><a href="primaryResource.html">教学大纲</a></li>
					<li><a href="primaryResource.html">教学日历</a></li>
					<li><a href="primaryResource.html">教学教材</a></li>
					<li><a href="primaryResource.html">参考资料</a></li>
					<li><a href="primaryResource.html">重点难点</a></li>
				</ul>
			</li>
			<li class="dropdown col-md-2">
				<a href="#"  data-toggle="dropdown" class="dropdown-toggle">课程资源<span class="glyphicon glyphicon-chevron-down"></span></a>
				<ul class="dropdown-menu">
					<li><a href="video.html">教学视频</a></li>
					<li><a href="ppt.html">教学课件</a></li>
					<li><a href="homework.html">作业</a></li>
				</ul>
			</li>
			<li class="col-md-2"><a href="courses.html">课程内容</a></li>
			<li class="col-md-2"><a href="expandingResource.html">拓展资源</a></li>
			<li class="col-md-2 hidden teacher_li"><a href="teacherCourseManagement.html">课程管理</a></li>
		</ul>

	</nav>
	<main class="rows">
		<section id="catalog" class="col-md-3 col-xs-8 col-lg-3">
			<ul>
				<li class="li-click">第1章 系统工程概述</li>
				<li>第2章 系统工程方法论</li>
				<li>第3章 系统模型与模型化</li>
				<li>第4章 系统仿真及系统动力学方法</li>
				<li>第5章 系统评价方法</li>
				<li>第6章 决策分析方法</li>
				<li>第7章 系统工程应用实例</li>
			</ul>
		</section>
		<section id="ppt" class="col-md-8 col-xs-6 col-lg-7">
			<embed src="../ppt/C1.swf" quality=best WIDTH="650" HEIGHT="400" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" controls="playbutton"></embed>
			<a href="../ppt/C1.ppt"><img src="../image/xiazai.png">下载</a>
		</section>
	</main>
	<footer>
		<p>版权所有：华南农业大学 数学与信息学院 软件学院</p>
	</footer>
	<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/common.js"></script>
	<script type="text/javascript">
		$("#catalog ul").on("click","li",function(ev){
			var target=$(ev.target);
			var ids=target.index()+1;
			var src="../ppt/C"+ids+".swf";
			var href="../ppt/C"+ids+".ppt";
			$("#ppt embed").attr("src",src);
			$("#ppt a").attr("href",href);
			target.addClass('li-click');
			target.siblings().removeClass('li-click');
		});
		$(document).ready(function(){
			var isFirefox=navigator.userAgent.toUpperCase().indexOf("FIREFOX")>=0?true:false;
			$("embed").html("<h3>您的浏览器不支持<b>embed</b>标签，无法在线播放ppt！</h3><br>");
			$("#testUser").html(localStorage.getItem("username"));
		})
			
	</script>
</body>
</html>